mixin thumb(src,clazz,bigSrc)
  a.prod-thumb(class="#{clazz}" data-src="#{src}" data-zoom-image="#{bigSrc}")
    img(src="#{src}" data-zoom-image="#{bigSrc}")

mixin bb(title,desc)
  .prod-detail-desc-item
    span.title #{title}
    span.desc #{desc}

mixin dd(src)
  .col-md-4
    .img-pod
      img(src="image/#{src}")

mixin cc(name,imageSrc)
  .infoBlockExt.pos2(style='display: none;' id="#{name}")
    .outer
      span.arrow
      .inner
        a.closex(onclick='InfoBlock.close()')
        .image
          img(height='853', width='1280', alt='EBIKE-KOGA-ION-MOTOR', title='EBIKE-KOGA-ION-MOTOR', src='image/EBIKE-KOGA-ION-MOTOR.jpg')
        .content
          .title Noiseless ION Motor
          .text
            p.f1
              | Our E-Bikes with ION-technology are equipped with a brushless ION motor. Due to the lack of brushes or gears, the motor is low maintenance and noiseless.
              br
              strong
                br
                | Location of the Motor
              br
              | The ION motor is integrated into the rear of the E-Bike. The placement over the rear wheel gives you the feeling of a supporting boost while cycling.
              br
              br
              strong Torque of the Motor
              br
              | The torque of the motor is measured in newton meters (Nm). The more newton meters (Nm), the stronger the assistance. The KOGA ION-bikes are equipped with a motor with 40 Nm.


mixin tt
  .thumb
    img(src="image/prod-detail-thumb.jpg")

.prod-nav-sitemap
  .container-fluid
    .row
      .col-md-12
        .site-postion
          span ALL > City
        .detail-nav
          a.prod-back.nav-back(href="products.html")
          a.prod-prev.nav-prev
          a.prod-next.nav-next


.prod-detail
  .container-fluid
    .row
      .col-md-12
        span.prod-name CLASSICA 26' LUX
  .container
    .row
      .col-md-8.col-md-offset-2.big-image-show
        img#big-show(src="image/bike-1.jpg" data-zoom-image="image/bike-1-big.jpg")
    .row
      .col-md-12.prod-thumbs
        +thumb("image/bike-1.jpg",'active',"image/bike-1-big.jpg")
        +thumb("image/bike-2.jpg",'',"image/bike-2-big.jpg")
        +thumb("image/bike-1.jpg",'',"image/bike-1-big.jpg")
        +thumb("image/bike-2.jpg",'',"image/bike-2-big.jpg")
  .container-fluid
    .row
      .anchorMenu(data-view='desktop')
        a#anchor_modelinfo.f1(href='#modelinfo') Info
        a#anchor_info.f1(href='#info') Spotlight
        a#anchor_usps.f1(href='#usps') Benefits
        a#anchor_features.f1(href='#features') Features
        a#anchor_othermodels.f1(href='#othermodels') Other models

  .container
    .row#modelinfo
      .col-md-6.n3-border
        .N3 N3
        .item-group
          label COLOR OPTION
          span.colo-cycle
            a.color-cycle-icon(style="background:red")
            a.color-cycle-icon(style="background:yellow")
            a.color-cycle-icon(style="background:black")
            a.color-cycle-icon(style="background:#69abe8")
        .item-group
          .p_icon
            img(src="image/p_icon_1.jpg")
            span 25km/h Max Speed
          .p_icon
            img(src="image/p_icon_2.jpg")
            span 75km Range
          .p_icon
            img(src="image/p_icon_3.jpg")
            span 12kg Weight
          .p_icon
            img(src="image/p_icon_4.jpg")
            span 18'20' Wheel size
          .p_icon
            img(src="image/p_icon_5.jpg")
            span 24 PAS Modes
          .clearfix
        .item-group
          label Specification
          a.download Specification
      .col-md-6.bikeProperties
        ul.shortBenefits
          li.f1
            | Lightweight frame made from triple hardened aluminium 6061. Cable routing through the frame and a special downtube for the integrated battery.
          li.f1
            | Silent ION motor in the rear wheel for the powerful and flexible pedal assistance in all circumstances.
          li.f1
            | The battery is fully integrated into the down tube of the frame making the bike unrecognizable as an E-Bike and has perfect weight distribution.

  include _module_city_clean_video
  .container
    .row#info
      .sectionTitle
        h2 SPOTLIGHT
      .col-md-4
        .ppd(data-ref="infoblock1")
          .img-outer
            img(src="image/__66.jpg")
            .txt 
              span ACCU
          .desc
            p.f1 The battery is one of the most important parts of the E-bike, as it determines the distance you can travel with powered assistance.
      .col-md-4
        .ppd(data-ref="infoblock2")
          .img-outer
            img(src="image/__77.jpg")
            .txt
              span XTRA GARANT
          .desc
            p.f1 Our E-Bikes with ION-technology are equipped with a brushless ION motor.
      .col-md-4
        .ppd(data-ref="infoblock3")
          .img-outer
            img(src="image/__66.jpg")
            .txt
              span MOTO
          .desc
            p.f1 All ION bikes are equipped with a HD display with light blue LED lights.
      .clearfix
      .row
        +cc("infoblock1")
        +cc("infoblock2")
        +cc("infoblock3")

    .row#usps
      .sectionTitle
        h2 BENEFITS
      .benefits
        .benefit.col-md-6
          span.f1
            | Robust and user-friendly, the V-ION display provides all the relevant information clearly.
        .benefit.col-md-6
          span.f1 Luxurious and comfortable KOGA Feather Shock front fork suspension.
        .benefit.col-md-6
          span.f1 Assembled with highly reliable Shimano Deore components.
        .benefit.col-md-6
          span.f1 10 gears ensures that the right gear is always available.
        .benefit.col-md-6
          span.f1 Light and low-maintenance Shimano V -brakes
        .benefit.col-md-6
          span.f1
            | KOGA Rayo headlamp is integrated into the mudguard with daylight and standlight function and with top quality B&M/KOGA rear light.

      
    .row#features
      .sectionTitle
        h2 FEATURES
      #featuresGrid
        +dd("__1.jpg")
        +dd("__2.jpg")
        +dd("__3.jpg")
        +dd("__1.jpg")
        +dd("__2.jpg")
        +dd("__3.jpg")
        +dd("__1.jpg")
        +dd("__2.jpg")
        +dd("__3.jpg")
      #featuresSlideshow
        #featureGallery
          a.closex(href='javascript:;', onclick='FeatureSlideshow.close()', data-view='desktop')
          .royalSlider.rsDefault
            // simple image with thumbnail
            img.rsImg(src='image/__1.jpg', data-rstmb='image/__1.jpg', alt='image description')
            img.rsImg(src='image/__2.jpg', data-rstmb='image/__2.jpg', alt='image description')
            img.rsImg(src='image/__3.jpg', data-rstmb='image/__3.jpg', alt='image description')
            img.rsImg(src='image/__1.jpg', data-rstmb='image/__1.jpg', alt='image description')
            img.rsImg(src='image/__2.jpg', data-rstmb='image/__2.jpg', alt='image description')
            img.rsImg(src='image/__3.jpg', data-rstmb='image/__3.jpg', alt='image description')
            img.rsImg(src='image/__1.jpg', data-rstmb='image/__1.jpg', alt='image description')
            img.rsImg(src='image/__2.jpg', data-rstmb='image/__2.jpg', alt='image description')
            img.rsImg(src='image/__3.jpg', data-rstmb='image/__3.jpg', alt='image description')

  .container-full(style="overflow:hidden")
    .row#othermodels
      .sectionTitle
        h2 OTHER MODELS
      .col-md-4
        .prod-entry(data-big='image/big-prod-1.jpg', data-ref='product_detail.html')
          img(src='image/bike-1.jpg')
          .bike-name
            a.bike-name-link LETIZIA 26' STEP
      .col-md-4
        .prod-entry(data-big='image/big-prod-1.jpg', data-ref='product_detail.html')
          img(src='image/bike-1.jpg')
          .bike-name
            a.bike-name-link LETIZIA 26' STEP
      .col-md-4
        .prod-entry(data-big='image/big-prod-1.jpg', data-ref='product_detail.html')
          img(src='image/bike-1.jpg')
          .bike-name
            a.bike-name-link LETIZIA 26' STEP







